<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>CSV操作</title>
</head>
<script src="<%=request.getContextPath()%>/js/jquery-3.1.1.js"></script>
<script src="<%=request.getContextPath()%>/js/index.js"></script>
<script type="text/javascript">
	$(function(){
		callbackCellNum();
	});
</script>

<body>
<s:hidden name = "overallLines"></s:hidden>
<s:hidden name = "overallRows"></s:hidden>

<table>
	<tr style = "color:red">
		<td align="center">&nbsp&nbsp&nbsp&nbsp&nbsp 提    示: &nbsp&nbsp&nbsp&nbsp&nbsp</td>
		<td>1.本系统支持提取内容的文件类型: .CSV / .XLS / .XLSX</td>
	</tr>
	<tr style = "color:red">
		<td align="center"></td>
		<td>2.请在电脑C盘新建一个名为CSV的文件夹,将需要提取单元格内容的文件都放在此文件夹中</td>
	</tr>
	<tr style = "color:red">
		<td></td>
		<td>3.用Excel打开.CSV文件,将需要提取的单元格的列数与行数填在下面的文本框中,支持同时提取多个单元格的内容</td>
	</tr>
	<tr style = "color:red">
		<td></td>
		<td>4.点击"下载文件"之后,等程序运行完成会将提取的内容放在[C:\NewCSV\NewCSV.csv]文件中</td>
	</tr>
	<tr style = "color:red">
		<td align="center">&nbsp&nbsp&nbsp&nbsp&nbsp 例: &nbsp&nbsp&nbsp&nbsp&nbsp</td>
		<td>
			列号:<input disabled = "disabled" value = "A" />
			行号:<input disabled = "disabled" value = "1" />
		</td>
	</tr>
</table>
<br>
<br>
<form id = "form" action = "cvsAction/downloadCvs" method = "post">
	<table>
		<tr id = "lastTR">
			<td>
				<input onclick = "submitForm();" type="button" value="下载文件">
			</td>
			<td>
				<input onclick = "addCell();" type="button" value="增加单元格">
				<input onclick = "removeCell();" type="button" value="删除单元格">
				<input onclick = "removeCellAll();" type="button" value="删除所有新增单元格">
				&nbsp&nbsp&nbsp&nbsp
				已添加单元格: <span id = "cellNum">1</span> 个
			</td>
		</tr>
		
		<tr id = "firstTR">
			<td>请选择单元格: </td>
			<td>
				列号:<input name = "cvsVO.row" value = "" />
				行号:<input name = "cvsVO.line" value = "" /> 
			</td>
		</tr>
	</table>
</form>
</body>
</html>